<template>
  <div class="app-container">
    <el-table :data="info" border style="margin-bottom: 30px">
      <el-table-column label="设备名称" align="center" prop="id" />
      <el-table-column
        label="蓝牙mac地址"
        align="center"
        prop="agreementName"
      />
      <el-table-column label="型号" align="center" prop="remark" />
      <el-table-column label="使用人" align="center" prop="id" />
      <el-table-column label="电话" align="center" prop="agreementName" />
      <el-table-column label="绑定时间" align="center" prop="remark" />
    </el-table>
    <div style="margin-bottom: 15px">
      <el-date-picker
        v-model="time"
        type="datetimerange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        @change="changetime"
        value-format="yyyy-MM-dd HH:mm:ss"
      >
      </el-date-picker>
      <el-button
        type="primary"
        icon="el-icon-search"
        size="mini"
        @click="handleQuery"
        style="margin-left: 15px"
        >搜索</el-button
      >
      <div class="right">
        <el-button type="primary" size="mini" style="margin-left: 15px"
          >导出Excel</el-button
        >
      </div>
    </div>
    <el-table v-loading="loading" :data="tableList">
      <el-table-column type="index" width="50"> </el-table-column>
      <el-table-column label="心率值" align="center" prop="id" />
      <el-table-column label="日期-时间" align="center" prop="remark" />
      <el-table-column
        label="蓝牙mac地址"
        align="center"
        prop="agreementName"
      />
      <el-table-column label="使用人" align="center" prop="id" />
      <el-table-column label="电话" align="center" prop="remark" />
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      info: [],
      tableList: [],
      time: [],
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      loading: false,
    };
  },
  methods: {
    changetime() {},
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
  },
};
</script>
<style lang="scss" scoped>
.right {
  float: right;
}
</style>